<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>大正首饰管理系统</title>
<link href="lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet"
	type="text/css" />
<link rel="stylesheet" type="text/css" id="mylink" />
<link href="./lib/ligerUI/skins/Aqua/css/ligerui-all.css"	rel="stylesheet" type="text/css" />
<link href="./lib/ligerUI/skins/ligerui-icons.css"	rel="stylesheet" type="text/css" />
<script src="./js/jquery-1.11.1.js" type="text/javascript"></script>
<script src="./lib/ligerUI/js/core/base.js" type="text/javascript"></script>
<script src="./lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
<script src="./js/common.js" type="text/javascript"></script>
<script src="indexdata.js" type="text/javascript"></script>
<script type="text/javascript">
(function($){
	$(document).ready(function(){
            var tab = null;
            var accordion = null;
            var tree = null;
            var currentTabId=null;
            var tabItems = [];
            $(function (){
                //布局
                $("#layout1").ligerLayout({ leftWidth: 190, height: '100%',heightDiff:-34,space:4, onHeightChanged: f_heightChanged });

                var height = $(".l-layout-center").height();

                //Tab
                $("#framecenter").ligerTab({
                	height: height,
                    showSwitchInTab : true,
                    showSwitch: true,
                    onAfterAddTabItem: function (tabdata){
                        tabItems.push(tabdata);
                        saveTabStatus();
                    },
                    onAfterRemoveTabItem: function (tabid){
                    	currentTabId=tab.getSelectedTabItemID();
                    	if(currentTabId){
	                    	tab.reload(currentTabId);
                    	}
                        for (var i = 0; i < tabItems.length; i++){
                            var o = tabItems[i];
                            if (o.tabid == tabid){
                                tabItems.splice(i, 1);
                                saveTabStatus();
                                break;
                            }
                        }
                    },
                    onBeforeSelectTabItem:function(){
                    	currentTabId=tab.getSelectedTabItemID();
                    },
                    onAfterSelectTabItem:function(tabid){
                    	if(currentTabId!=tabid){
	                    	tab.reload(tabid);
                    	}
                    },
                    onReload: function (tabdata){
                        var tabid = tabdata.tabid;
                        addFrameSkinLink(tabid);
                    }
                });

                //面板
                $("#accordion1").ligerAccordion({ height: height - 24, speed: null });

                $(".l-link").hover(function ()
                {
                    $(this).addClass("l-link-over");
                }, function ()
                {
                    $(this).removeClass("l-link-over");
                });
                
                //菜单加载
                var menus = ["systemAssets", "produceManage"];
                var datas = [systemAssets, produceManage];
                for(var i = 0; i < menus.length; i++){
                	$("#"+menus[i]).ligerTree({
	                    data : datas[i],
	                    checkbox: false,
	                    slide: false,
	                    nodeWidth: 120,
	                    attribute: ['nodename', 'url'],
	                    onSelect: function (node){
	                        if (!node.data.url) return;
	                        var tabid = $(node.target).attr("tabid");
	                        if (!tabid){
	                            tabid = new Date().getTime();
	                            $(node.target).attr("tabid", tabid);
								f_addTab(tabid, node.data.text, node.data.url);
	                        }
	                    },
	                    onCancelselect:function(node){
	                    	var $this=$(node.target),tabid = $this.attr("tabid");
	                        if (tabid){
	                        	tab.removeTabItem(tabid);
	                        	$this.removeAttr("tabid");
	                        }
	                    }
	                });
                }
                tab = liger.get("framecenter");
                accordion = liger.get("accordion1");
                //tree = liger.get("tree1");
                $("#pageloading").hide();

                css_init();
                pages_init();
            });
            
            function f_heightChanged(options){  
                if (tab)
                    tab.addHeight(options.diff);
                if (accordion && options.middleHeight - 24 > 0)
                    accordion.setHeight(options.middleHeight - 24);
            }
            function f_addTab(tabid, text, url){
                tab.addTabItem({
                    tabid: tabid,
                    text: text,
                    url: url,
                    callback: function (){
                        addFrameSkinLink(tabid); 
                    }
                });
            }
            
            function addFrameSkinLink(tabid){
                var prevHref = getLinkPrevHref(tabid) || "";
                var skin = getQueryString("skin");
                if (!skin) return;
                skin = skin.toLowerCase();
                attachLinkToFrame(tabid, prevHref + skin_links[skin]);
            }
            
            var skin_links = {
                "aqua": "lib/ligerUI/skins/Aqua/css/ligerui-all.css",
                "gray": "lib/ligerUI/skins/Gray/css/all.css",
                "silvery": "lib/ligerUI/skins/Silvery/css/style.css",
                "gray2014": "lib/ligerUI/skins/gray2014/css/all.css"
            };
            
            function pages_init(){
                var tabJson = $.cookie('liger-home-tab'); 
                if (tabJson){
                    var tabitems = JSON2.parse(tabJson);
                    for (var i = 0; tabitems && tabitems[i];i++){ 
                        f_addTab(tabitems[i].tabid, tabitems[i].text, tabitems[i].url);
                    } 
                }
            }
            
            function saveTabStatus(){
                $.cookie('liger-home-tab', JSON2.stringify(tabItems));
            }
            
            function css_init() {
                var css = $("#mylink").get(0), skin = getQueryString("skin");
                $("#skinSelect").val(skin);
                $("#skinSelect").change(function (){ 
                    if (this.value){
                        location.href = "index.jsp?skin=" + this.value;
                    }else{
                        location.href = "index.jsp";
                    }
                });

               
                if (!css || !skin) return;
                skin = skin.toLowerCase();
                $('body').addClass("body-" + skin); 
                $(css).attr("href", skin_links[skin]); 
            }
            
            function getQueryString(name){
                var now_url = document.location.search.slice(1), q_array = now_url.split('&');
                for (var i = 0; i < q_array.length; i++){
                    var v_array = q_array[i].split('=');
                    if (v_array[0] == name){
                        return v_array[1];
                    }
                }
                return false;
            }
            
            function attachLinkToFrame(iframeId, filename){
                if(!window.frames[iframeId]) return;
                var head = window.frames[iframeId].document.getElementsByTagName('head').item(0);
                var fileref = window.frames[iframeId].document.createElement("link");
                if (!fileref) return;
                fileref.setAttribute("rel", "stylesheet");
                fileref.setAttribute("type", "text/css");
                fileref.setAttribute("href", filename);
                head.appendChild(fileref);
            }
            
            function getLinkPrevHref(iframeId){
                if (!window.frames[iframeId]) return;
                var head = window.frames[iframeId].document.getElementsByTagName('head').item(0);
                var links = $("link:first", head);
                for (var i = 0; links[i]; i++){
                    var href = $(links[i]).attr("href");
                    if (href && href.toLowerCase().indexOf("ligerui") > 0){
                        return href.substring(0, href.toLowerCase().indexOf("lib") );
                    }
                }
            }
	});
})(jQuery);
</script>
<style type="text/css">
body,html {
	height: 100%;
}

body {
	padding: 0px;
	margin: 0;
	overflow: hidden;
}

.l-link {
	display: block;
	height: 26px;
	line-height: 26px;
	padding-left: 10px;
	text-decoration: underline;
	color: #333;
}

.l-link2 {
	text-decoration: underline;
	color: white;
	margin-left: 2px;
	margin-right: 2px;
}

.l-layout-top {
	background: #102A49;
	color: White;
}

.l-layout-bottom {
	background: #E5EDEF;
	text-align: center;
}

#pageloading {
	position: absolute;
	left: 0px;
	top: 0px;
	background: white url('loading.gif') no-repeat center;
	width: 100%;
	height: 100%;
	z-index: 99999;
}

.l-link {
	display: block;
	line-height: 22px;
	height: 22px;
	padding-left: 16px;
	border: 1px solid white;
	margin: 4px;
}

.l-link-over {
	background: #FFEEAC;
	border: 1px solid #DB9F00;
}

.l-winbar {
	background: #2B5A76;
	height: 30px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	z-index: 99999;
}

.space {
	color: #E7E7E7;
}
/* 顶部 */
.l-topmenu {
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	background: url('lib/images/top.jpg') repeat-x bottom;
	position: relative;
	border-top: 1px solid #1D438B;
}

.l-topmenu-logo {
	color: #E7E7E7;
	padding-left: 35px;
	line-height: 26px;
	background: url('lib/images/topicon.gif') no-repeat 10px 5px;
}

.l-topmenu-welcome {
	position: absolute;
	height: 24px;
	line-height: 24px;
	right: 30px;
	top: 2px;
	color: #070A0C;
}

.l-topmenu-welcome a {
	color: #E7E7E7;
	text-decoration: underline
}

.l-topmenu-logo a{
	color: #E7E7E7;
	text-decoration: none;
}

.body-gray2014 #framecenter {
	margin-top: 3px;
}

.viewsourcelink {
	background: #B3D9F7;
	display: block;
	position: absolute;
	right: 10px;
	top: 3px;
	padding: 6px 4px;
	color: #333;
	text-decoration: underline;
}

.viewsourcelink-over {
	background: #81C0F2;
}

.l-topmenu-welcome label {
	color: white;
}

#skinSelect {
	margin-right: 6px;
} 
</style>
</head>
<body style="padding:0px;background:#EAEEF5;">
	<div id="pageloading"></div>
	<div id="topmenu" class="l-topmenu">
		<div class="l-topmenu-logo"><a href="./">大正首饰管理系统</a></div>
		<div class="l-topmenu-welcome">
			<!-- <label> 皮肤切换：</label>
        <select id="skinSelect">
            <option value="aqua">默认</option> 
            <option value="silvery">Silvery</option>
            <option value="gray">Gray</option>
            <option value="gray2014">Gray2014</option>
        </select>!-->
			<s:if test="#session.user == null">
				<s:form action="loginaction" theme="simple">
		    	用户名：<s:textfield name="nameuser" label="用户名"></s:textfield>/
		    	密码：<s:password name="passworduser" label="密码"></s:password>/
		    	<s:submit value="登录" />/
		    	<a href="regpage.jsp">注册</a>
				</s:form>
			</s:if>
			<s:else>
				<label>欢迎您，${user}</label>/
			<a href="exitaction">退出</a>
			</s:else>
			
		</div>
	</div>
	<div id="layout1" style="width:100%; margin:4px 4px 0px 4px;">
		<div position="left" title="菜单" id="accordion1">
			<div title="系统资源" class="l-scroll">
				<ul id="systemAssets" style="margin-top:3px;"></ul>
			</div>
			<div title="生产管理" class="l-scroll">
				<ul id="produceManage" style="margin-top:3px;"></ul>
			</div>
			<div title="统计报表" class="l-scroll">
			</div>
			<div title="系统维护" class="l-scroll">
			</div>
		</div>
		<div position="center" id="framecenter">
			<div tabid="home" title="我的主页" style="height:300px">
				<iframe frameborder="0" name="home" id="home" src="welcome.htm"></iframe>
			</div>
		</div>

	</div>
	<div style="height:32px; line-height:32px; text-align:center;">
		Copyright © 2014-2014</div>
	<div style="display:none"></div>
</body>
</html>